Skip to content

Sync with reactjs.org @ 2310e155#286

Merged
neighborhood999 merged 31 commits intomainfrom
sync-2310e155
Feb 21, 2022
Merged

Sync with reactjs.org @ 2310e155#286
neighborhood999 merged 31 commits intomainfrom
sync-2310e155

Conversation

@react-translations-bot
Copy link
Copy Markdown
Collaborator

@react-translations-bot react-translations-bot commented Feb 21, 2022 •
edited by neighborhood999
Loading

This PR was automatically generated.

Merge changes from reactjs.org at 2310e15

The following files have conflicts and may need new translations:

Please fix the conflicts by pushing new commits to this pull request, either by editing the files directly on GitHub or by checking out this branch.

DO NOT SQUASH MERGE THIS PULL REQUEST!

Doing so will "erase" the commits from main and cause them to show up as conflicts the next time we merge.

imanpalsingh and others added 30 commits February 14, 2022 16:50
@imanpalsingh
Fix - Sandpack error icon overlapping issue (#4332)
fa15160 
* position error icon correctly

Add padding right to line with the error to accommodate space for the error icon.
Added in a new selector because it was getting overridden by more specific selectors.
Fixes #4287

* use important instead of selectors

* fix overlapping for smaller screens

* replace width with min-width

* align error icon to center vertically

Use em instead of pixels for padding, increase line height of error icon
@tsapeta
Add App.js Conf 2022 to the conferences page (#4336)
b677012 
Co-authored-by: Tomasz Sapeta <tsapeta@users.noreply.github.com>
@danilowoz
sandpack: bring back init mode (#4337)
b10ae60 
* sandpack: bring back init mode

* upgrade sandpack
@shamwela
[Beta] Add ARIA labels (#4335)
b4de700 
* Add ARIA labels

* Remove unnecessary ARIA label

* Add Facebook and Twitter ARIA labels
@gaearon
[Beta] Reorder API sections (#4328)
0209e1b 
* Reorder API pages

* Tweaks
@gaearon
Splitting sandpack from main bundle (#4256)
2979d0c 
* Initial Commit

* play with it

* oops

* easier repro

* import type

* remove `suspense: true`

* Add patch for next

* Patch package

* Add fallback

* Enable flag

* Fixes local dev env and adds better fallback for codeblock

* Adds fallback for sandpack (should work fine)

* turn off concurrentFeatures

* Revert "turn off concurrentFeatures"

This reverts commit 50158ecbd33969e707a2a91a54e822e90c2ebfde.

* Update SandpackWrapper.tsx

* Removed flags and setTimeouts

* add timeouts and promise again

* Adds bottom bezel and scroll to sandpack fallback

* tinker bottombezel and remove console

* Update CodeBlock.tsx

* Update SandpackWrapper.tsx

* removing overflows to avoid explicit scrolls

* upgrade nextjs to canary

* Rm patch

* Fix TS

* Bump Next

* No more CSS jumping

* Reverts the canary to use the latest Next.js `12.0.10`

Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
Co-authored-by: Dan Abramov <dan.abramov@me.com>
@gaearon
Nitpicks for code splitting (#4346)
a2138f2
@gaearon
[Beta] Change highlight styles (#4348)
4ed4fb7
@gaearon
[Beta] useRef API (#4345)
93fdfb2 
* useRef

* useRef API

* Move it down
@mayank99
[beta] fix typo in useref.md (#4352)
3d6eba7 
grammar
@shamwela @gaearon
Cache a font file (#4350)
aa4bb41 
* Cache a font file

* Fix vercel.json syntax

* Improve

* Fix fonts

Co-authored-by: dan <dan.abramov@gmail.com>
@shamwela
[Beta] Add aria-label and title to permalinks (#4344)
3d6081f 
* Add tab index -1

* Improve accessibility
@gaearon
Link to how to set up syntax in Sublime
a48ba9c
@gaearon @lebo
[Beta] Replace Hotjar with GA buttons (#4275)
c8ec9d8 
* Replace Hotjar with GA buttons

* initial styles for GA buttons

* Add feedback popover

* style fixes + adding SVGs

* dark mode fix

* Maintain state

* Click outside

* Fix TS

* Oops

Co-authored-by: Dan Lebowitz <dan.lebo@me.com>
@gaearon
Never use local font
45ac43a
@gaearon
Switch from GA4 to UA to track feedback
81f772e
@gaearon
Fix pageview collection for UA
8ca0215
@gaearon
Fix TS
9ac33ff
@gaearon
[Beta] Use a light GA client (#4355)
0883863 
* [Beta] Use a light GA client

* oopsie
@gaearon
Try caching the font
8def749
@gaearon
Delete dead code
753c4fc
@gaearon
Ignore TSC build file
855c26a
@gaearon
Don't use unload on modern browsers
f3f580a
@gaearon
Consolidate and preload fonts
ab648df
@gaearon
Remember whether downloads are supported
6c855f7
@gaearon
Fix white flash when loading
3ae0eb6
Initial Commit (#4357)
7d55f61
Initial Commit (#4358)
5b8a720
@shamwela
Add ARIA labels on the navigation buttons (#4363)
2310e15
@react-translations-bot
merging all conflicts
0c71b35
@github-actions github-actions Bot added the beta label Feb 21, 2022
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Feb 21, 2022 •
edited
Loading

Size Changes

Details

📦 Next.js Bundle Analysis

This analysis was generated by the next.js bundle analysis action 🤖

⚠️ Global Bundle Size Increased

Page Size (compressed)
global 94.86 KB (🟡 +1.54 KB)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

New Page Added

The following page was added to the bundle from the code in this PR:

Page Size (compressed) First Load
/apis/useref 55.97 KB 150.84 KB

One Hundred Eighty-five Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load
/ 51.05 KB (🟢 -166.76 KB) 145.91 KB
/404 50.16 KB (🟢 -166.77 KB) 145.02 KB
/apis 50.74 KB (🟢 -166.72 KB) 145.61 KB
/apis/reactdom 50.86 KB (🟢 -166.75 KB) 145.72 KB
/apis/render 52.92 KB (🟢 -166.72 KB) 147.78 KB
/apis/usestate 61.86 KB (🟢 -165.83 KB) 156.73 KB
/blog 41.03 KB (🟡 +2.46 KB) 135.89 KB
/blog/2013/06/02/jsfiddle-integration 61.43 KB (🟢 -166.76 KB) 156.3 KB
/blog/2013/06/05/why-react 63.16 KB (🟢 -166.76 KB) 158.02 KB
/blog/2013/06/12/community-roundup 62.86 KB (🟢 -166.76 KB) 157.73 KB
/blog/2013/06/19/community-roundup-2 63.53 KB (🟢 -166.76 KB) 158.4 KB
/blog/2013/06/21/react-v0-3-3 61.58 KB (🟢 -166.76 KB) 156.45 KB
/blog/2013/06/27/community-roundup-3 63.9 KB (🟢 -166.76 KB) 158.76 KB
/blog/2013/07/02/react-v0-4-autobind-by-default 62.2 KB (🟢 -166.76 KB) 157.06 KB
/blog/2013/07/03/community-roundup-4 63.27 KB (🟢 -166.76 KB) 158.13 KB
/blog/2013/07/11/react-v0-4-prop-validation-and-default-values 62.07 KB (🟢 -166.76 KB) 156.93 KB
/blog/2013/07/17/react-v0-4-0 62.78 KB (🟢 -166.76 KB) 157.65 KB
/blog/2013/07/23/community-roundup-5 63.66 KB (🟢 -166.76 KB) 158.53 KB
/blog/2013/07/26/react-v0-4-1 61.55 KB (🟢 -166.76 KB) 156.41 KB
/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails 62.15 KB (🟢 -166.76 KB) 157.01 KB
/blog/2013/08/05/community-roundup-6 62.95 KB (🟢 -166.76 KB) 157.82 KB
/blog/2013/08/19/use-react-and-jsx-in-python-applications 62.16 KB (🟢 -166.76 KB) 157.02 KB
/blog/2013/08/26/community-roundup-7 63.13 KB (🟢 -166.75 KB) 157.99 KB
/blog/2013/09/24/community-roundup-8 64.56 KB (🟢 -166.76 KB) 159.42 KB
/blog/2013/10/03/community-roundup-9 63.49 KB (🟢 -166.76 KB) 158.36 KB
/blog/2013/10/16/react-v0.5.0 63.17 KB (🟢 -166.76 KB) 158.04 KB
/blog/2013/10/29/react-v0-5-1 61.53 KB (🟢 -166.76 KB) 156.4 KB
/blog/2013/11/06/community-roundup-10 65.15 KB (🟢 -166.76 KB) 160.02 KB
/blog/2013/11/18/community-roundup-11 64.23 KB (🟢 -166.76 KB) 159.1 KB
/blog/2013/12/18/react-v0.5.2-v0.4.2 62.01 KB (🟢 -166.75 KB) 156.87 KB
/blog/2013/12/19/react-v0.8.0 62.43 KB (🟢 -166.76 KB) 157.29 KB
/blog/2013/12/23/community-roundup-12 63.89 KB (🟢 -166.76 KB) 158.75 KB
/blog/2013/12/30/community-roundup-13 63.67 KB (🟢 -166.76 KB) 158.53 KB
/blog/2014/01/02/react-chrome-developer-tools 61.92 KB (🟢 -166.76 KB) 156.79 KB
/blog/2014/01/06/community-roundup-14 63.26 KB (🟢 -166.76 KB) 158.13 KB
/blog/2014/02/05/community-roundup-15 64.48 KB (🟢 -166.76 KB) 159.35 KB
/blog/2014/02/15/community-roundup-16 64.19 KB (🟢 -166.76 KB) 159.06 KB
/blog/2014/02/16/react-v0.9-rc1 64.6 KB (🟢 -166.76 KB) 159.46 KB
/blog/2014/02/20/react-v0.9 65.04 KB (🟢 -166.76 KB) 159.91 KB
/blog/2014/02/24/community-roundup-17 63.91 KB (🟢 -166.76 KB) 158.77 KB
/blog/2014/03/14/community-roundup-18 64.87 KB (🟢 -166.76 KB) 159.74 KB
/blog/2014/03/19/react-v0.10-rc1 63.18 KB (🟢 -166.76 KB) 158.04 KB
/blog/2014/03/21/react-v0.10 63.2 KB (🟢 -166.76 KB) 158.07 KB
/blog/2014/03/28/the-road-to-1.0 63.31 KB (🟢 -166.76 KB) 158.18 KB
/blog/2014/04/04/reactnet 61.96 KB (🟢 -166.76 KB) 156.82 KB
/blog/2014/05/06/flux 62.08 KB (🟢 -166.76 KB) 156.95 KB
/blog/2014/05/29/one-year-of-open-source-react 62.31 KB (🟢 -166.76 KB) 157.17 KB
/blog/2014/06/27/community-roundup-19 63.85 KB (🟢 -166.76 KB) 158.71 KB
/blog/2014/07/13/react-v0.11-rc1 64.23 KB (🟢 -166.76 KB) 159.1 KB
/blog/2014/07/17/react-v0.11 65.49 KB (🟢 -166.76 KB) 160.36 KB
/blog/2014/07/25/react-v0.11.1 62.44 KB (🟢 -166.76 KB) 157.31 KB
/blog/2014/07/28/community-roundup-20 64 KB (🟢 -166.76 KB) 158.86 KB
/blog/2014/07/30/flux-actions-and-the-dispatcher 63.63 KB (🟢 -166.76 KB) 158.49 KB
/blog/2014/08/03/community-roundup-21 63.66 KB (🟢 -166.76 KB) 158.53 KB
/blog/2014/09/03/introducing-the-jsx-specification 61.67 KB (🟢 -166.76 KB) 156.53 KB
/blog/2014/09/12/community-round-up-22 64.14 KB (🟢 -166.76 KB) 159.01 KB
/blog/2014/09/16/react-v0.11.2 62.44 KB (🟢 -166.76 KB) 157.3 KB
/blog/2014/09/24/testing-flux-applications 65.62 KB (🟢 -166.76 KB) 160.48 KB
/blog/2014/10/14/introducing-react-elements 64.57 KB (🟢 -166.76 KB) 159.44 KB
/blog/2014/10/16/react-v0.12-rc1 64.54 KB (🟢 -166.76 KB) 159.4 KB
/blog/2014/10/17/community-roundup-23 65.11 KB (🟢 -166.76 KB) 159.98 KB
/blog/2014/10/27/react-js-conf 61.71 KB (🟢 -166.76 KB) 156.58 KB
/blog/2014/10/28/react-v0.12 64.48 KB (🟢 -166.76 KB) 159.34 KB
/blog/2014/11/24/react-js-conf-updates 62.1 KB (🟢 -166.76 KB) 156.96 KB
/blog/2014/11/25/community-roundup-24 65.34 KB (🟢 -166.76 KB) 160.2 KB
/blog/2014/12/18/react-v0.12.2 62.13 KB (🟢 -166.76 KB) 156.99 KB
/blog/2014/12/19/react-js-conf-diversity-scholarship 62.52 KB (🟢 -166.76 KB) 157.39 KB
/blog/2015/01/27/react-v0.13.0-beta-1 63.49 KB (🟢 -166.76 KB) 158.35 KB
/blog/2015/02/18/react-conf-roundup-2015 65.48 KB (🟢 -166.75 KB) 160.34 KB
/blog/2015/02/20/introducing-relay-and-graphql 64.63 KB (🟢 -166.76 KB) 159.49 KB
/blog/2015/02/24/react-v0.13-rc1 63.53 KB (🟢 -166.76 KB) 158.39 KB
/blog/2015/02/24/streamlining-react-elements 66.08 KB (🟢 -166.76 KB) 160.94 KB
/blog/2015/03/03/react-v0.13-rc2 62.86 KB (🟢 -166.76 KB) 157.73 KB
/blog/2015/03/04/community-roundup-25 63.82 KB (🟢 -166.76 KB) 158.69 KB
/blog/2015/03/10/react-v0.13 64.14 KB (🟢 -166.76 KB) 159.01 KB
/blog/2015/03/16/react-v0.13.1 61.96 KB (🟢 -166.76 KB) 156.83 KB
/blog/2015/03/19/building-the-facebook-news-feed-with-relay 64.72 KB (🟢 -166.76 KB) 159.58 KB
/blog/2015/03/26/introducing-react-native 61.86 KB (🟢 -166.76 KB) 156.72 KB
/blog/2015/03/30/community-roundup-26 63.79 KB (🟢 -166.76 KB) 158.65 KB
/blog/2015/04/17/react-native-v0.4 62.71 KB (🟢 -166.76 KB) 157.57 KB
/blog/2015/04/18/react-v0.13.2 62.04 KB (🟢 -166.76 KB) 156.9 KB
/blog/2015/05/01/graphql-introduction 66.53 KB (🟢 -166.76 KB) 161.39 KB
/blog/2015/05/08/react-v0.13.3 61.93 KB (🟢 -166.76 KB) 156.79 KB
/blog/2015/05/22/react-native-release-process 62.08 KB (🟢 -166.76 KB) 156.94 KB
/blog/2015/06/12/deprecating-jstransform-and-react-tools 62.53 KB (🟢 -166.76 KB) 157.4 KB
/blog/2015/07/03/react-v0.14-beta-1 64.04 KB (🟢 -166.76 KB) 158.91 KB
/blog/2015/08/03/new-react-devtools-beta 62.64 KB (🟢 -166.76 KB) 157.51 KB
/blog/2015/08/11/relay-technical-preview 62.71 KB (🟢 -166.76 KB) 157.57 KB
/blog/2015/08/13/reacteurope-roundup 64.3 KB (🟢 -166.76 KB) 159.16 KB
/blog/2015/09/02/new-react-developer-tools 62.06 KB (🟢 -166.76 KB) 156.93 KB
/blog/2015/09/10/react-v0.14-rc1 67.75 KB (🟢 -166.76 KB) 162.61 KB
/blog/2015/09/14/community-roundup-27 64.22 KB (🟢 -166.76 KB) 159.08 KB
/blog/2015/10/01/react-render-and-top-level-api 63.19 KB (🟢 -166.76 KB) 158.06 KB
/blog/2015/10/07/react-v0.14 68.23 KB (🟢 -166.76 KB) 163.1 KB
/blog/2015/10/19/reactiflux-is-moving-to-discord 63.94 KB (🟢 -166.76 KB) 158.81 KB
/blog/2015/10/28/react-v0.14.1 61.95 KB (🟢 -166.76 KB) 156.82 KB
/blog/2015/11/02/react-v0.14.2 61.98 KB (🟢 -166.76 KB) 156.85 KB
/blog/2015/11/18/react-v0.14.3 62.11 KB (🟢 -166.76 KB) 156.97 KB
/blog/2015/12/04/react-js-conf-2016-diversity-scholarship 62.98 KB (🟢 -166.76 KB) 157.84 KB
/blog/2015/12/16/ismounted-antipattern 62.58 KB (🟢 -166.76 KB) 157.44 KB
/blog/2015/12/18/react-components-elements-and-instances 66.5 KB (🟢 -166.76 KB) 161.37 KB
/blog/2015/12/29/react-v0.14.4 61.78 KB (🟢 -166.76 KB) 156.64 KB
/blog/2016/01/08/A-implies-B-does-not-imply-B-implies-A 62.79 KB (🟢 -166.76 KB) 157.66 KB
/blog/2016/01/12/discontinuing-ie8-support 61.6 KB (🟢 -166.76 KB) 156.46 KB
/blog/2016/02/19/new-versioning-scheme 62.98 KB (🟢 -166.76 KB) 157.85 KB
/blog/2016/03/07/react-v15-rc1 65.73 KB (🟢 -166.75 KB) 160.6 KB
/blog/2016/03/16/react-v15-rc2 62.59 KB (🟢 -166.76 KB) 157.46 KB
/blog/2016/03/29/react-v0.14.8 61.73 KB (🟢 -166.76 KB) 156.59 KB
/blog/2016/04/07/react-v15 69.92 KB (🟢 -166.76 KB) 164.78 KB
/blog/2016/04/08/react-v15.0.1 62.49 KB (🟢 -166.76 KB) 157.35 KB
/blog/2016/07/11/introducing-reacts-error-code-system 62.2 KB (🟢 -166.76 KB) 157.06 KB
/blog/2016/07/13/mixins-considered-harmful 70.35 KB (🟢 -166.76 KB) 165.21 KB
/blog/2016/07/22/create-apps-with-no-configuration 65.68 KB (🟢 -166.76 KB) 160.54 KB
/blog/2016/08/05/relay-state-of-the-state 65.72 KB (🟢 -166.76 KB) 160.58 KB
/blog/2016/09/28/our-first-50000-stars 67.17 KB (🟢 -166.76 KB) 162.03 KB
/blog/2016/11/16/react-v15.4.0 65.12 KB (🟢 -166.76 KB) 159.98 KB
/blog/2017/04/07/react-v15.5.0 65.68 KB (🟢 -166.76 KB) 160.54 KB
/blog/2017/05/18/whats-new-in-create-react-app 65.08 KB (🟢 -166.76 KB) 159.94 KB
/blog/2017/06/13/react-v15.6.0 63.7 KB (🟢 -166.76 KB) 158.57 KB
/blog/2017/07/26/error-handling-in-react-16 64.05 KB (🟢 -166.76 KB) 158.91 KB
/blog/2017/09/08/dom-attributes-in-react-16 64.48 KB (🟢 -166.76 KB) 159.35 KB
/blog/2017/09/25/react-v15.6.2 62.82 KB (🟢 -166.76 KB) 157.68 KB
/blog/2017/09/26/react-v16.0 67.95 KB (🟢 -166.76 KB) 162.81 KB
/blog/2017/11/28/react-v16.2.0-fragment-support 65.88 KB (🟢 -166.76 KB) 160.74 KB
/blog/2017/12/07/introducing-the-react-rfc-process 62.4 KB (🟢 -166.76 KB) 157.26 KB
/blog/2017/12/15/improving-the-repository-infrastructure 78.19 KB (🟢 -166.76 KB) 173.05 KB
/blog/2018/03/01/sneak-peek-beyond-react-16 62.35 KB (🟢 -166.76 KB) 157.22 KB
/blog/2018/03/27/update-on-async-rendering 67.6 KB (🟢 -166.76 KB) 162.46 KB
/blog/2018/03/29/react-v-16-3 64.42 KB (🟢 -166.76 KB) 159.28 KB
/blog/2018/05/23/react-v-16-4 64.56 KB (🟢 -166.76 KB) 159.42 KB
/blog/2018/06/07/you-probably-dont-need-derived-state 68.21 KB (🟢 -166.76 KB) 163.08 KB
/blog/2018/08/01/react-v-16-4-2 63.21 KB (🟢 -166.76 KB) 158.07 KB
/blog/2018/09/10/introducing-the-react-profiler 64.82 KB (🟢 -166.76 KB) 159.68 KB
/blog/2018/10/01/create-react-app-v2 65.29 KB (🟢 -166.76 KB) 160.16 KB
/blog/2018/10/23/react-v-16-6 64.49 KB (🟢 -166.76 KB) 159.36 KB
/blog/2018/11/13/react-conf-recap 62.21 KB (🟢 -166.76 KB) 157.07 KB
/blog/2018/11/27/react-16-roadmap 68.4 KB (🟢 -166.76 KB) 163.26 KB
/blog/2018/12/19/react-v-16-7 63.33 KB (🟢 -166.76 KB) 158.19 KB
/blog/2019/02/06/react-v16.8.0 65.6 KB (🟢 -166.76 KB) 160.46 KB
/blog/2019/02/23/is-react-translated-yet 65.16 KB (🟢 -166.76 KB) 160.02 KB
/blog/2019/08/08/react-v16.9.0 68.09 KB (🟢 -166.76 KB) 162.96 KB
/blog/2019/08/15/new-react-devtools 62.7 KB (🟢 -166.76 KB) 157.56 KB
/blog/2019/10/22/react-release-channels 64.51 KB (🟢 -166.76 KB) 159.37 KB
/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense 69.21 KB (🟢 -166.76 KB) 164.08 KB
/blog/2020/02/26/react-v16.13.0 65.44 KB (🟢 -166.76 KB) 160.3 KB
/blog/2020/08/10/react-v17-rc 71.72 KB (🟢 -166.76 KB) 166.58 KB
/blog/all 57.04 KB (🟡 +2.35 KB) 151.9 KB
/community 50.74 KB (🟢 -166.77 KB) 145.6 KB
/community/acknowledgements 51.93 KB (🟢 -166.77 KB) 146.8 KB
/community/meet-the-team 52.45 KB (🟢 -166.77 KB) 147.32 KB
/learn 55.24 KB (🟢 -166.77 KB) 150.1 KB
/learn/add-react-to-a-website 56.39 KB (🟢 -166.77 KB) 151.26 KB
/learn/adding-interactivity 57.37 KB (🟢 -166.77 KB) 152.24 KB
/learn/choosing-the-state-structure 63.11 KB (🟢 -166.77 KB) 157.97 KB
/learn/conditional-rendering 55.34 KB (🟢 -166.77 KB) 150.2 KB
/learn/describing-the-ui 54.56 KB (🟢 -166.77 KB) 149.42 KB
/learn/editor-setup 52.33 KB (🟢 -166.73 KB) 147.19 KB
/learn/escape-hatches 50.07 KB (🟢 -166.77 KB) 144.94 KB
/learn/extracting-state-logic-into-a-reducer 60.74 KB (🟢 -166.77 KB) 155.6 KB
/learn/importing-and-exporting-components 53.74 KB (🟢 -166.77 KB) 148.6 KB
/learn/installation 51.4 KB (🟢 -166.77 KB) 146.26 KB
/learn/javascript-in-jsx-with-curly-braces 53.81 KB (🟢 -166.77 KB) 148.68 KB
/learn/keeping-components-pure 57.94 KB (🟢 -166.77 KB) 152.81 KB
/learn/managing-state 56.67 KB (🟢 -166.77 KB) 151.53 KB
/learn/manipulating-the-dom-with-refs 58.93 KB (🟢 -166.42 KB) 153.79 KB
/learn/passing-data-deeply-with-context 58.09 KB (🟢 -166.77 KB) 152.95 KB
/learn/passing-props-to-a-component 57.52 KB (🟢 -166.77 KB) 152.38 KB
/learn/preserving-and-resetting-state 60.33 KB (🟢 -166.77 KB) 155.19 KB
/learn/queueing-a-series-of-state-updates 55.31 KB (🟢 -166.77 KB) 150.17 KB
/learn/react-developer-tools 51.26 KB (🟢 -166.77 KB) 146.13 KB
/learn/reacting-to-input-with-state 59.79 KB (🟢 -166.77 KB) 154.65 KB
/learn/referencing-values-with-refs 56.83 KB (🟢 -166.77 KB) 151.7 KB
/learn/render-and-commit 53.8 KB (🟢 -166.77 KB) 148.67 KB
/learn/rendering-lists 57.86 KB (🟢 -166.77 KB) 152.73 KB
/learn/responding-to-events 56.86 KB (🟢 -166.77 KB) 151.72 KB
/learn/scaling-up-with-reducer-and-context 54.88 KB (🟢 -166.77 KB) 149.75 KB
/learn/sharing-state-between-components 55.59 KB (🟢 -166.77 KB) 150.46 KB
/learn/start-a-new-react-project 52.74 KB (🟢 -166.77 KB) 147.6 KB
/learn/state-a-components-memory 61.03 KB (🟢 -166.77 KB) 155.9 KB
/learn/state-as-a-snapshot 54.86 KB (🟢 -166.77 KB) 149.72 KB
/learn/thinking-in-react 56.67 KB (🟢 -166.77 KB) 151.54 KB
/learn/updating-arrays-in-state 58.91 KB (🟢 -166.77 KB) 153.78 KB
/learn/updating-objects-in-state 58.64 KB (🟢 -166.77 KB) 153.5 KB
/learn/writing-markup-with-jsx 53.74 KB (🟢 -166.77 KB) 148.6 KB
/learn/your-first-component 54.64 KB (🟢 -166.77 KB) 149.51 KB
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 10% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

@neighborhood999
chore: resolve conflict
da39617 
Signed-off-by: Jie Peng <im@jiepeng.me>
@neighborhood999 neighborhood999 merged commit e4d2284 into main Feb 21, 2022
@neighborhood999 neighborhood999 deleted the sync-2310e155 branch February 21, 2022 05:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@bugtender bugtender Awaiting requested review from bugtender

@chentsulin chentsulin Awaiting requested review from chentsulin

@chloewlin chloewlin Awaiting requested review from chloewlin

@haimengzhang haimengzhang Awaiting requested review from haimengzhang

@neighborhood999 neighborhood999 Awaiting requested review from neighborhood999

Assignees

No one assigned

Labels

beta

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

8 participants

@react-translations-bot @neighborhood999 @imanpalsingh @tsapeta @danilowoz @shamwela @gaearon @mayank99